import { useState } from 'react'
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import './App.css'

function App() {
  const onChange = (key: string) => {
    console.log(key);
  };

  const items: TabsProps['items'] = [
    {
      key: '1',
      label: '待接单',
      children: 'Content of Tab Pane 1',
    },
    {
      key: '2',
      label: '待出发',
      children: 'Content of Tab Pane 2',
    },
    {
      key: '3',
      label: '待送达',
      children: 'Content of Tab Pane 3',
    },
  ];

  return (
    <>
      <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
    </>
  )
}

export default App
